<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="keywords" content="互联网信息安全技术手段公共服务平台" />
  <meta name="description" content="互联网信息安全技术手段公共服务平台" />
  <title>互联网信息安全技术手段公共服务平台</title>
  <link href="static/css/owl.carousel.css" rel="stylesheet" />
  <link href="static/css/owl.transitions.css" rel="stylesheet" />
  <link href="static/css/owl.theme.css" rel="stylesheet" />
  <link rel="stylesheet" type="text/css" href="static/css/jquery.fancybox.css" media="screen" />
  <link rel="stylesheet" href="static/css/mycss.css" />
  <link rel="stylesheet" href="static/css/bootstrap.min.css" />
  <link rel="stylesheet" href="static/css/style.css">
  <script src="static/js/jquery-3.2.1.min.js"></script>
  <script src="static/js/laydate/laydate.js"></script>
  <script src="static/js/owl.carousel.js"></script>
  <script src="static/js/jquery.easings.min.js"></script>
  <script type="text/javascript" src="static/js/jquery.fancybox.js"></script>
  <script src="static/js/myjs.js"></script>
  <script src="static/js/lodash.js"></script>
  <script src="static/js/bootstrap.min.js"></script>
  <script src="static/js/bootstrap-paginator.js"></script>
  <script src="static/plugins/layer-v1.9.0/layer/layer.js"></script>
</head>

<body>
  <div class="center main-box">
    <div class="form-search-box clear">
      <form class="form-inline">
        <div class="form-moren">
          <div class="form-group">
            <label for="name">企业名称：</label>
            <input type="text" class="form-control text-box" id="name">
          </div>
          <div class="form-group">
            <label for="address">注册地：</label>
            <input type="text" class="form-control text-box" id="address">
          </div>
           <div class="form-group">
            <label for="number">表单编号：</label>
            <input type="text" class="form-control text-box" id="number">
          </div>
          <button type="button" class="btn btn-primary" onclick="query(1)">查询</button>
          <button type="button" class="btn btn-warning btn-clear-form">重置</button>
        </div>
        <div class="form-more" style="display: block;">
          	<div class="form-group">
	            <label for="formStatus">表单状态：</label>
	            <select class="form-control" id="statue" name="statue" style="width:195px;">
	              <option value="all" selected>全部</option>
	              <option value="7">测试通过</option>
	              <option value="8">测试不通过</option>
	            </select>
          	</div>
          	<div class="form-group">
	            <label for="productionUnit">承建单位：</label>
	            <input type="text" class="form-control text-box" id="productionUnit">
	        </div>
	        <div class="form-group">
	            <label for="gameCity">局址所在地：</label>
	            <input type="text" class="form-control text-box" id="gameCity" style="width:185px;">
	        </div>
        </div>
      </form>
    </div>
    <div class="table-responsive table-box">
      <table class="table table-hover table-bordered">
        <thead>
          <tr>
            <th width="45">序号</th>
            <th width="150">企业名称</th>
            <th>注册地</th>
            <th width="100">表单编号</th>
            <th width="200">申请业务</th>
            <th width="100">表单状态</th>
            <th width="150">承建单位</th>
            <th width="75">机房/节点情况</th>
            <th width="150">局址所在地</th>
            <th width="75">链路情况</th>
          </tr>
        </thead>
        <tbody id="tread"></tbody>
      </table>
    </div>
    <div class="page-box">
         <div class="total">共&nbsp;
             <span class="num-color" id="total_data"></span>&nbsp;条，总共&nbsp;
             <span class="num-color" id="total_pages"></span>&nbsp;页
         </div>
         <div class="dropdown" id="dropdown">
             <button type="button" class="btn btn-default" data-toggle="dropdown" id="pageNum">
                 <strong>10</strong>条/每页
                 <span class="caret"></span>
             </button>
             <ul class="dropdown-menu">
                 <li>
                     <a href="#"><strong>10</strong>条/每页&nbsp;</a>
                 </li>
                 <li>
                     <a href="#"><strong>30</strong>条/每页&nbsp;</a>
                 </li>
                 <li>
                     <a href="#"><strong>50</strong>条/每页&nbsp;</a>
                 </li>
             </ul>
         </div>
         <div class="page-group">
             <ul id="pageLimit"></ul>
         </div>
         <div class="jump-box">
             <input type="text" class="form-control text-box" id="jump_page">
             <button class="btn btn-primary" onclick="jumpQuery()">跳转</button>
         </div>
     </div>
  </div>
   <div class="modal fade list-dialog" id="subDialog" tabindex="-1" role="dialog" data-target=".bs-example-modal-lg">
       <div class="modal-dialog" role="document" style="width:1200px;">
           <div class="modal-content">
               <div class="modal-header">
                   <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                       <span aria-hidden="true">&times;</span>
                   </button>
               </div>
               <div class="modal-body" id="modalBody">
                 
               </div>
           </div>
       </div>
   </div>
	<script type="text/template" id="treadTpl">
    	<tr>
      		<td class="serial-num">
        		<span>
         			 <%= index %>
        		</span>
     		 </td>
      		 <td title="<%= name %>">
        		<%= name %>
      		 </td>
      		 <td title="<%= address %>">
        		<%= address %>
      		</td>
      		<td title="<%= number %>">
        		<%= number %>
      		</td>
      		<td>
        		<%= applyBusiness %>
      		</td>
			<td>
        		<%= statue %>
      		</td>
      		<td>
        		<%= productionUnit %>
      		</td>
       		<td>
  				<button type="button" class="table-btn num-color" onclick="linkPage('houseNodeNum','<%=id%>')"  data-toggle="modal" data-target="#subDialog">
        			<%= houseNodeNum %>
                </button>
      		</td>
      		<td>
        		<%= gameCity %>
      		</td>
     		<td>
                <button type="button" class="table-btn num-color" onclick="linkPage('linkNum','<%=id%>')"  data-toggle="modal" data-target="#subDialog">
        			<%= linkNum %>
                </button>
      		</td>
    	</tr>
  </script>
</body>
<script src="static/js/module/publicOrder.js" charset="utf-8" type="text/javascript"></script>
</html>